<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本处理标签</title>
</head>
<body>
  我是普通文字
<!--  2.空格折叠现象：将连续的多个空格或换行折叠为一个空格显示-->
  <br>    <!--3.换行标签 单标记标签-->
  <!--1.文本基础效果标签-->
  <b>加粗文字bold</b>
  <i>斜体    文字italic</i>
  <u>下划线文字underline</u>
   <s>删除线文字s</s>
   <mark>高亮标记文字</mark>
  <!-- 4.转义符号
   &lt; less than 表示小于号
   &gt; greater than 表示大于号
   &nbsp; 表示空格 -->
   我最爱吃<苏东坡>做的红烧肉
   我最爱吃&lt;tom&gt;做的&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;红烧肉

      <!--5.标题标签 加粗 修改字号 内容独占一行 有垂直方向的上下行间距-->
      <h1>我是标题1</h1>
      <h2>我是标题2</h2>
      <h3>我是标题3</h3>
      <h4>我是标题4</h4>
      <h5>我是标题5</h5>
      <h6>我是标题6</h6>
      <!--没有标题7，但不会报错，只是不渲染标题效果-->
      <h7>我是标题7</h7>
      <!--6.段落标签 内容独占一行 有垂直方向的行间距 不会有文字效果-->
      <p>我是段落</p>
      <p>我是段落</p>
      <p>我是段落</p>
      <!--7.分割线标签-->
      <hr>
      <!--8.生成假文 lorem后 tab补全-->
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium amet dolorem fugiat nisi nobis officiis possimus quasi sint, sunt? Commodi delectus est incidunt ipsa ipsum libero, nemo numquam similique tempora?

      <!-- 9.有序列表 ordered list
    有序列表的type值: 1阿拉伯数字  A/a大/小写字母  I/i大小写罗马数字 -->
      <ol type="i">
          <!--list item 列表项-->
          <li>把水烧开</li>
          <li>把面放进去</li>
          <li>把面捞出来</li>
          <li>把面捞出来</li>
          <li>把面捞出来</li>
          <li>把面捞出来</li>
      </ol>
      <!--10.无序列表 unordered list-->
      <ul>
          <!--list item 列表项-->
          <li>《Think in Java》</li>
          <li>《Java从入门到精通》</li>
          <li>《颈椎康复指南》</li>
      </ul>
      <hr>
      <ul type="none">
          <li> 热菜
              <ol>
                  <li>西红柿牛腩</li>
                  <li>水煮肉片</li>
                  <li>宫保鸡丁</li>
                  <li>溜肉段</li>
              </ol>
          </li>
          <li> 凉菜
              <ol>
                  <li>拍黄瓜</li>
                  <li>凉拌三丝</li>
                  <li>皮蛋豆腐</li>
              </ol>
          </li>
          <li> 主食
              <ol>
                  <li>米饭</li>
                  <li>馒头</li>
              </ol>
          </li>
      </ul>
      <br>
      <h1>个人简历</h1>
      <h3>基本信息</h3>
      <p>姓名:<b>传奇哥</b></p>
      <p>
      性别:男
      </p>
      <p>爱好:<s>摄影</s></p>
      <br>
      <h3>个人经历</h3>
      <ul>
          <li>小学9年</li>
          <li>中学9年</li>
          <li>高中12年</li>
      </ul>
      <h3>获得荣誉</h3>
      <ol type="1">
          <li>机甲收集达人</li>
          <li>玩偶收集达人</li>
      </ol>


</body>
</html>